<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <link rel="stylesheet" href="template1.css" type="text/css" media="screen"/>
</head>


<body>

<div id="page">
<div id="school" class="school" style="">

<div id="classrooms" class="classrooms">
    <span class="header">Classrooms:</span>
    <table>
        <tr>
            <td class="selected">Maple</td>
        </tr>
        <tr>
            <td>Mulberry</td>
        </tr>
        <tr>
            <td>Elm</td>
        </tr>
    </table>
</div>

<div id="classYears" class="classYears">
    <span class="header">ClassYears</span>
    <table>
        <tr>
            <td class="selected">2010</td>
        </tr>
        <tr>
            <td>2011</td>
        </tr>
        <tr>
            <td>2012</td>
        </tr>
        <tr>
            <td>2013</td>
        </tr>
        <tr>
            <td>2014</td>
        </tr>
        <tr>
            <td>2015</td>
        </tr>
        <tr>
            <td>2016</td>
        </tr>
    </table>
</div>

<div id="classYearPanel" class="classYearPanel">

    <div class="evaluationPeriods">
        <span class="header">Evaluation Periods</span>
        <table>
            <tr>
                <td class="selected">Autumn</td>
            </tr>
            <tr>
                <td>Summer</td>
            </tr>
        </table>
    </div>

    <div class="subjects">
        <span class="header">Subjects</span>
        <table>
            <tr>
                <td>Literacy</td>
            </tr>
            <tr>
                <td>Numeracy</td>
            </tr>
            <tr>
                <td>Topic/Science/ICT</td>
            </tr>
            <tr>
                <td>Art</td>
            </tr>
            <tr>
                <td>PE</td>
            </tr>
            <tr>
                <td>Music</td>
            </tr>
            <tr>
                <td>Social</td>
            </tr>
        </table>
    </div>

    <div class="learners">
        <span class="header">Learners</span>
        <table>
            <tr>
                <td>Tom</td>
            </tr>
            <tr>
                <td>Leah</td>
            </tr>
            <tr>
                <td>Arthur</td>
            </tr>
            <tr>
                <td>Emma</td>
            </tr>
            <tr>
                <td>Harvey</td>
            </tr>
            <tr>
                <td>Henry</td>
            </tr>
            <tr>
                <td>Daniel</td>
            </tr>
            <tr>
                <td>William</td>
            </tr>
            <tr>
                <td>Freddie</td>
            </tr>
            <tr>
                <td>Theo</td>
            </tr>
            <tr>
                <td>Emi</td>
            </tr>
            <tr>
                <td>Colm</td>
            </tr>
            <tr>
                <td>Shiv</td>
            </tr>
            <tr>
                <td>Daksh</td>
            </tr>
            <tr>
                <td>Faress</td>
            </tr>
            <tr>
                <td>Hannah</td>
            </tr>
            <tr>
                <td>Kyan</td>
            </tr>
            <tr>
                <td>Robbie</td>
            </tr>
            <tr>
                <td>Emilie-May</td>
            </tr>
        </table>
    </div>

</div>

<div id="evaluationPeriodPorthole" class="porthole">

<table width="100%" border="1">
<tr>
    <th colspan="9" class="header">Maple - 2010 - Autumn - Summary</th>
</tr>
<tr>
    <th>#</th>
    <th>Learner</th>
    <th>Literacy</th>
    <th>Numeracy</th>
    <th>Topic/Science/ICT</th>
    <th>Art</th>
    <th>PE</th>
    <th>Music</th>
    <th>Social</th>
</tr>
<tr>
    <th>1</th>
    <th>Tom</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>2</th>
    <th>Leah</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>3</th>
    <th>Arthur</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>4</th>
    <th>Emma</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>5</th>
    <th>Harvey</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>6</th>
    <th>Henry</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>7</th>
    <th>Daniel</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>8</th>
    <th>William</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>9</th>
    <th>Freddie</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>10</th>
    <th>Theo</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>11</th>
    <th>Emi</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>12</th>
    <th>Colm</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>13</th>
    <th>Shiv</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>14</th>
    <th>Daksh</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>15</th>
    <th>Faress</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>16</th>
    <th>Hannah</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>17</th>
    <th>Kyan</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>18</th>
    <th>Robbie</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
<tr>
    <th>19</th>
    <th>Emilie-May</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    <th>...</th>
</tr>
</table>
</div>

</div>
</div>

</body>
</html>